<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>耳朵先撒了慌</li>
        <li>是你离开的声响</li>
        <li>香樟花开满路旁</li>
        <li>你总爱把书包</li>
    </ul>
    <ol id="ol">
        <li>翻开时间的手掌</li>
        <li>你笑起来</li>
        <li>乌云散开</li>
        <li>故事的发展有很多意外</li>
    </ol>
    <script>
        // 1.getElementByTagName 输入、处理、输出
        // 根据标签名获取元素的伪数组
        let result = document.getElementsByTagName('li');
        console.log(result);

        // 2.伪数组，具有数组结构，但是不能使用数组的方法
        console.log(typeof result);
        // result.push('a');

        // 3.获取元素内部的标签，指定父级
        let ol = document.getElementById('ol');
        let lis = ol.getElementsByTagName('li');
        console.dir(lis);

        // 4.遍历数组
        for(let i = 0; i<lis.length;i++){
            console.log(lis[i]);
        }
    </script>
</body>
</html>